<!DOCTYPE html> 
<html> 
	<head> 
	<title>My Page</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<script src="mustache.js"></script>
	<script src="jQuery.js"></script>
	<script src="BaseClass.js"></script>
	<script src="Block.js"></script> 
	<script language="javascript">
	  var bc = new BaseClass();
	  var b;//
	  $(function(){
            var bm = new BlockModel(2,'Block content 1', 4);
            b = new Block(bm);
            b.add($('body'),2);
            var b1 = b.isInteger('s');
            var b2 = b.isInteger('4.5');
            var b3 = b.isInteger(4);
            var b4 = b.isInteger(4.5);
            var b5 = b.isInteger('45');
            // var i1 = b.isValidIndex(-1,4);
            var i2 = b.isValidIndex(0,4);
            var i3 = b.isValidIndex(2,4);
            var i4 = b.isValidIndex(4,4);
            var i5 = b.isValidIndex(5,4);
            // var i6 = b.isValidIndex(d,4);
            // var i7 = b.isValidIndex(0,4);

	  });
	  
	</script>
</head> 
<body> 

<button type="button" data-theme="b" id="myEditButton">Edit</button>

<div id="resultDiv">
	2
</div>
<div id="resultDiv">
	4
</div>

<div id="resultDiv2">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>
</body>

</html>
